<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>仿王者荣耀官方网站-腾讯游戏</title>
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<!-- top层开始 -->
	<div class="top w">
		<ul class="topLeft fl">
			<li><a href="#"></a></li>
			<li>
				<a href="#">
					<img src="images/top1.jpg">
					<div class="dnf">
						<img src="images/top2.jpg">
					</div>
				</a>
			</li>
		</ul>
		<ul class="topRight fr">
			<li><a href="#"><span></span>成长守护平台</a></li>
			<li>
				<a href="#">腾讯游戏排行榜
					<span></span>
					<div class="paihangbang">
						<img src="images/top3.png">
					</div>
				</a>
			</li>
		</ul>
	</div>
	<!-- top层结束 -->
	
	<!-- header层开始 -->
	<div class="header">
		<div class="w clearfix">
			<!-- logo层 -->
			<h1 class="fl"><a href="#">王者荣耀</a></h1>
			
			<!-- 主导航层 -->
			<div class="main-nav fl">
				<ul>
					<li><a href="#">官网首页<span>HOME</span></a></li>
					<li><a href="#">游戏资料<span>DATA</span></a></li>
					<li><a href="#">内容中心<span>RAIDERS</span></a></li>
					<li><a href="#">赛事中心<span>MATCH</span></a></li>
					<li><a href="#">商城/合作<span>STORE</span></a></li>
					<li><a href="#">社区互动<span>COMMUNITY</span></a></li>
					<li><a href="#">玩家支持<span>PLAYER</span></a></li>
				</ul>
			</div>
			
			<!-- 登录层 -->
			<div class="login fl">
				<div class="loginLeft fl">
					<a href="#"><img src="images/login.png" alt=""></a>
				</div>
				<div class="loginRight fl">
					<a href="#">欢迎登录</a>
					<p>登录后查看游戏战绩</p>
				</div>
			</div>
			
			<!-- 子导航栏 -->
			<div class="sub-nav">
				<ul>
					<li>&nbsp;</li>
					<li>
						<a href="#">版本介绍</a>
						<a href="#">游戏介绍</a>
						<a href="#">英雄资料</a>
						<a href="#">爆料站</a>
						<a href="#">故事站</a>
						<a href="#">游戏壁纸</a>
					</li>
					<li>
						<a href="#">攻略中心</a>
						<a href="#">英雄攻略</a>
						<a href="#">视频中心</a>
						<a href="#"><i class="icon-new"></i>王者视角</a>
						<a href="#"><i class="icon-new"></i>作者入驻</a>
						<a href="#"><i class="icon-new"></i>媒体入驻</a>
					</li>
					<li>
						<a href="#">冠军杯</a>
						<a href="#">KPL</a>
						<a href="#">高校赛</a>
						<a href="#">城市赛</a>
						<a href="#">全民赛</a>
						<a href="#"><i class="icon-new"></i>赛事数据</a>
					</li>
					<li>
						<a href="#">荣耀·传承</a>
						<a href="#"><i class="icon-new"></i>王者音乐听</a>
						<a href="#">万千世界</a>
						<a href="#">百态王者</a>
						<a href="#">WiFi特权</a>
					</li>
					<li>
						<a href="#"><i class="icon-hot"></i>王者营地</a>
						<a href="#">手Q部落</a>
						<a href="#">微信圈子</a>
						<a href="#">官方微博</a>
						<a href="#">微信公众号</a>
						<a href="#">手Q订阅号</a>
						<a href="#"><i class="icon-new"></i>同人社区</a>
						<a href="#"><i class="icon-new"></i>星光殿堂</a>
					</li>
					<li>
						<a href="#"><i class="icon-guard"></i>成长守护平台</a>
						<a href="#"><i class="icon-health"></i>健康系统</a>
						<a href="#"><i class="icon-new"></i>狄仁杰护卫站</a>
						<a href="#">客服专区</a>
						<a href="#">礼包兑换</a>
						<a href="#">自助服务</a>
					</li>
				</ul>
			</div>

		</div>
	</div>
	<!-- header层结束 -->

	<!-- wrapper层开始 -->
	<div class="wrapper">
		<!-- 主要内容层开始 -->
		<div class="main w">
			<!-- 左部分 -->
			<div class="mainLeft fl">
				<div class="banner fl">
					<img src="images/banner1.jpg">
					<ul>
						<li><a href="#" class="active">大桥孙策情侣皮肤</a></li>
						<li><a href="#">CP大作战上演</a></li>
						<li><a href="#">KPL转会期公示</a></li>
						<li><a href="#">克制上官婉儿</a></li>
						<li><a href="#">王者春晚花絮</a></li>
					</ul>
				</div>

				<div class="news fr">
					<!-- 上部分 -->
					<div class="top">
						<ul>
							<li><a href="#" class="active">全部</a></li>
							<li><a href="#">新闻</a></li>
							<li><a href="#">公告</a></li>
							<li><a href="#">活动</a></li>
							<li><a href="#">赛事</a></li>
						</ul>
						<a href="#" class="more">...</a>
					</div>
					<!-- 下部分 -->
					<div class="bottom">
						<h3>1月24日全服建议更新公告</h3>
						<div class="content">
							<ul>
								<li><a href="#">新的福利已准备好 感受新年第一波甜蜜吧</a><span>01/23</span></li>
								<li><a href="#">1月23日全服不停机更新公告</a><span>01/22</span></li>
								<li><a href="#">向团聚出发！《2019王者耀新春》1月27日全网直播</a><span>01/22</span></li>
								<li><a href="#">关于美术体验优化及性能优化进展公告</a><span>01/20</span></li>
								<li><a href="#">猫狗日记皮肤无法赠送问题说明</a><span>01/25</span></li>
								<li><a href="#">王者出征版本更新常见问题解答(画面明暗度调整、更新相关指引)</a><span>01/24</span></li>
								<li><a href="#">鲁班-星空梦想皮肤局内异常说明</a><span>01/23</span></li>
							</ul>
						</div>
					</div>

				</div>
			</div>
			<!-- 右部分 -->
			<div class="mainRight fr">
				<a href="#">
					<video autoplay="autoplay" loop="loop" muted="muted">
			            <source src="images/btn-download.mp4" type="video/mp4">
			         </video>
				</a>
				<a href="#"></a>
				<a href="#"></a>
			</div>
		</div>
		<!-- 主要内容层结束 -->


		<!-- 快速入口开始 -->
		<div class="quick_entrance w clearfix">
			<a href="#"><img src="images/官方爆料.jpg"></a>
			<a href="#"><img src="images/王者营地.jpg"></a>
			<a href="#"><img src="images/荣耀传承.jpg"></a>
			<a href="#"><img src="images/赛事专区.jpg"></a>
		</div>
		<!-- 快速入口结束 -->
	</div>
	<!-- wrapper层结束 -->

	<!-- 英雄介绍层开始 -->
	<div class="herolist">
		<div class="w">
			<!-- 标题部分 -->
			<div class="herolist-title"><h2>英雄介绍</h2></div>
			<!-- 导航部分 -->
			<div class="herolist-nav clearfix">
				<ul>
					<li class="active"><a href="#">英雄</a></li>
					<li><a href="#">局内道具</a></li>
					<li><a href="#">召唤师技能</a></li>
				</ul>
			</div>
			
			<!-- 英雄主要内容部分 -->
			<div class="herolist-box">
				<!-- 英雄类型部分 -->
				<div class="herolist-types">
					<ul class="types-left">
						<li>综合</li>
						<li>定位</li>
					</ul>
					<ul class="types-name">
						<li><span><i></i></span>本周免费</li>
						<li><span><i></i></span>新手推荐</li>
					</ul>
					<ul class="types-name">
						<li class="active"><span><i></i></span>全部</li>
						<li><span><i></i></span>坦克</li>
						<li><span><i></i></span>战士</li>
						<li><span><i></i></span>刺客</li>
						<li><span><i></i></span>法师</li>
						<li><span><i></i></span>射手</li>
						<li><span><i></i></span>辅助</li>
					</ul>

					<div class="herosearch">
	                    <input type="text" value="请输入你想要搜索的英雄名">
	                    <a href="#"></a>
	                </div>
				</div>
				<!-- 英雄内容部分 -->
				<div class="herolist-content">
					<ul class="clearfix">
						<li>
							<a href="#"><img src="images/515.jpg">嫦娥</a>
						</li>
						<li>
							<a href="#"><img src="images/513.jpg">上官婉儿</a>
						</li>
						<li>
							<a href="#"><img src="images/507.jpg">李信</a>
						</li>
						<li>
							<a href="#"><img src="images/312.jpg">沈梦溪</a>
						</li>
						<li>
							<a href="#"><img src="images/508.jpg">伽罗</a>
						</li>
						<li>
							<a href="#"><img src="images/509.jpg">盾山</a>
						</li>
						<li>
							<a href="#"><img src="images/137.jpg">司马懿</a>
						</li>
						<li>
							<a href="#"><img src="images/510.jpg">孙策</a>
						</li>
						<li>
							<a href="#"><img src="images/125.jpg">元歌</a>
						</li>
						<li>
							<a href="#"><img src="images/504.jpg">米莱狄</a>
						</li>
						<li>
							<a href="#"><img src="images/503.jpg">狂铁</a>
						</li>
						<li>
							<a href="#"><img src="images/197.jpg">弈星</a>
						</li>
						<li>
							<a href="#"><img src="images/502.jpg">裴擒虎</a>
						</li>
						<li>
							<a href="#"><img src="images/176.jpg">杨玉环</a>
						</li>
						<li>
							<a href="#"><img src="images/199.jpg">公孙离</a>
						</li>
						<li>
							<a href="#"><img src="images/501.jpg">明世隐</a>
						</li>
						<li>
							<a href="#"><img src="images/179.jpg">女娲</a>
						</li>
						<li>
							<a href="#"><img src="images/198.jpg">梦奇</a>
						</li>
						<li>
							<a href="#"><img src="images/194.jpg">苏烈</a>
						</li>
						<li>
							<a href="#"><img src="images/195.jpg">百里玄策</a>
						</li>
						<li>
							<a href="#"><img src="images/196.jpg">百里守约</a>
						</li>
						<li>
							<a href="#"><img src="images/193.jpg">铠</a>
						</li>
						<li>
							<a href="#"><img src="images/189.jpg">鬼谷子</a>
						</li>
						<li>
							<a href="#"><img src="images/182.jpg">干将莫邪</a>
						</li>
						<li>
							<a href="#"><img src="images/187.jpg">东皇太一</a>
						</li>
						<li>
							<a href="#"><img src="images/191.jpg">大乔</a>
						</li>
						<li>
							<a href="#"><img src="images/192.jpg">黄忠</a>
						</li>
						<li>
							<a href="#"><img src="images/190.jpg">诸葛亮</a>
						</li>
						<li>
							<a href="#"><img src="images/180.jpg">哪吒</a>
						</li>
						<li>
							<a href="#"><img src="images/186.jpg">太乙真人</a>
						</li>
						<li>
							<a href="#"><img src="images/184.jpg">蔡文姬</a>
						</li>
						<li>
							<a href="#"><img src="images/183.jpg">雅典娜</a>
						</li>
						<li>
							<a href="#"><img src="images/178.jpg">杨戬</a>
						</li>
						<li>
							<a href="#"><img src="images/177.jpg">成吉思汗</a>
						</li>
						<li>
							<a href="#"><img src="images/175.jpg">钟馗</a>
						</li>
						<li>
							<a href="#"><img src="images/174.jpg">虞姬</a>
						</li>
						<li>
							<a href="#"><img src="images/173.jpg">李元芳</a>
						</li>
						<li>
							<a href="#"><img src="images/171.jpg">张飞</a>
						</li>
						<li>
							<a href="#"><img src="images/170.jpg">刘备</a>
						</li>
						<li>
							<a href="#"><img src="images/169.jpg">后羿</a>
						</li>
						<li>
							<a href="#"><img src="images/168.jpg">牛魔</a>
						</li>
						<li>
							<a href="#"><img src="images/167.jpg">孙悟空</a>
						</li>
						<li>
							<a href="#"><img src="images/166.jpg">亚瑟</a>
						</li>
						<li>
							<a href="#"><img src="images/163.jpg">橘右京</a>
						</li>
						<li>
							<a href="#"><img src="images/162.jpg">娜可露露</a>
						</li>
						<li>
							<a href="#"><img src="images/157.jpg">不知火舞</a>
						</li>
						<li>
							<a href="#"><img src="images/156.jpg">张良</a>
						</li>
						<li>
							<a href="#"><img src="images/154.jpg">花木兰</a>
						</li>
						<li>
							<a href="#"><img src="images/153.jpg">兰陵王</a>
						</li>
						<li>
							<a href="#"><img src="images/152.jpg">王昭君</a>
						</li>
						<li>
							<a href="#"><img src="images/150.jpg">韩信</a>
						</li>
						<li>
							<a href="#"><img src="images/149.jpg">刘邦</a>
						</li>
						<li>
							<a href="#"><img src="images/148.jpg">姜子牙</a>
						</li>
						<li>
							<a href="#"><img src="images/146.jpg">露娜</a>
						</li>
						<li>
							<a href="#"><img src="images/144.jpg">程咬金</a>
						</li>
						<li>
							<a href="#"><img src="images/142.jpg">安琪拉</a>
						</li>
						<li>
							<a href="#"><img src="images/141.jpg">貂蝉</a>
						</li>
						<li>
							<a href="#"><img src="images/140.jpg">关羽</a>
						</li>
						<li>
							<a href="#"><img src="images/139.jpg">老夫子</a>
						</li>
						<li>
							<a href="#"><img src="images/136.jpg">武则天</a>
						</li>
						<li>
							<a href="#"><img src="images/135.jpg">项羽</a>
						</li>
						<li>
							<a href="#"><img src="images/134.jpg">达摩</a>
						</li>
						<li>
							<a href="#"><img src="images/133.jpg">狄仁杰</a>
						</li>
						<li>
							<a href="#"><img src="images/132.jpg">马可波罗</a>
						</li>
						<li>
							<a href="#"><img src="images/131.jpg">李白</a>
						</li>
						<li>
							<a href="#"><img src="images/130.jpg">宫本武藏</a>
						</li>
						<li>
							<a href="#"><img src="images/129.jpg">典韦</a>
						</li>
						<li>
							<a href="#"><img src="images/128.jpg">曹操</a>
						</li>
						<li>
							<a href="#"><img src="images/127.jpg">甄姬</a>
						</li>
						<li>
							<a href="#"><img src="images/126.jpg">夏侯惇</a>
						</li>
						<li>
							<a href="#"><img src="images/124.jpg">周瑜</a>
						</li>
						<li>
							<a href="#"><img src="images/123.jpg">吕布</a>
						</li>
						<li>
							<a href="#"><img src="images/121.jpg">芈月</a>
						</li>
						<li>
							<a href="#"><img src="images/120.jpg">白起</a>
						</li>
						<li>
							<a href="#"><img src="images/119.jpg">扁鹊</a>
						</li>
						<li>
							<a href="#"><img src="images/118.jpg">孙膑</a>
						</li>
						<li>
							<a href="#"><img src="images/117.jpg">钟无艳</a>
						</li>
						<li>
							<a href="#"><img src="images/116.jpg">阿轲</a>
						</li>
						<li>
							<a href="#"><img src="images/115.jpg">高渐离</a>
						</li>
						<li>
							<a href="#"><img src="images/114.jpg">刘禅</a>
						</li>
						<li>
							<a href="#"><img src="images/113.jpg">庄周</a>
						</li>
						<li>
							<a href="#"><img src="images/112.jpg">鲁班七号</a>
						</li>
						<li>
							<a href="#"><img src="images/111.jpg">孙尚香</a>
						</li>
						<li>
							<a href="#"><img src="images/110.jpg">嬴政</a>
						</li>
						<li>
							<a href="#"><img src="images/109.jpg">妲己</a>
						</li>
						<li>
							<a href="#"><img src="images/108.jpg">墨子</a>
						</li>
						<li>
							<a href="#"><img src="images/107.jpg">赵云</a>
						</li>
						<li>
							<a href="#"><img src="images/106.jpg">小乔</a>
						</li>
						<li>
							<a href="#"><img src="images/105.jpg">廉颇</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 英雄介绍层结束 -->

	<!-- 底部开始 -->
	<div class="footer">
		<div class="w">
			<div class="footer_top">
				<a href="#"></a>
				<a href="#"></a>
			</div>
			<div class="footer_bottom">
				<div class="footer_bottom_left fl">
					<p>温馨提示：本游戏适合16岁(含)以上玩家娱乐</p>
					<p class="clearfix">
						<span>抵制不良游戏</span>
						<span>拒绝盗版游戏</span>
						<span>注意自我保护</span>
						<span>谨防受骗上当</span>
						<span>适度游戏益脑</span>
						<span>沉迷游戏伤身</span>
						<span>合理安排时间</span>
						<span>享受健康生活</span>
					</p>
					<p>
						《王者荣耀》全部背景故事发生于架空世界“王者大陆”中。相关人物、地理、事件均为艺术创作，并非正史。若因观看王者故事对相关历史人物产生兴趣，建议查阅正史记载。
					</p>
				</div>
				<div class="footer_bottom_right fl">
					<ul class="clearfix">
						<li><a href="#">腾讯互动娱乐</a></li>
						<li><a href="#">服务条款</a></li>
						<li><a href="#">腾讯游戏隐私保护指引</a></li>
						<li><a href="#">腾讯游戏招聘</a></li>
						<li><a href="#">腾讯游戏客服</a></li>
						<li><a href="#">游戏地图</a></li>
						<li><a href="#">商务合作</a></li>
						<li><a href="#">腾讯网</a></li>
						<li><a href="#">网站导航</a></li>
					</ul>

					<div class="copyright clearfix">
						<p class="fl">COPYRIGHT © 1998 - 2019 TENCENT. ALL RIGHTS RESERVED.</p>
						<span class="fr">腾讯公司版权所有</span>
					</div>
					
					<p><a href="#">粤网文[2017]6138-1456号</a>| <a href="#">（总）网出证（粤）字第057号</a></p>

					<p><a href="#"><img src="images/icplogo.png">文网游备字[2016]M-CSG 0059 号</a> | 新广出审[2017] 6712号 | ISBN 978-7-7979-8408-9</p>

					<p>全国文化市场统一举报电话：12318</p>

				</div>
			</div>
		</div>
	</div>
	<!-- 底部结束 -->
</body>
</html>